<!DOCTYPE html>
<html>
    <head>
        <title>FutureMesh Map Generator 0.6 beta</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="mapeditor/ui.css" media="all" />
        <link rel="stylesheet" type="text/css" href="mapeditor/uicomponents.css" media="all" />
        <link rel="stylesheet" type="text/css" href="mapgenerator/ui.css" media="all" />
        <!-- the complete FutureMesh enginge -->
        <script type="text/javascript" src="futuremesh.js"></script>
        <!-- tiles, units, buildings, etc -->
        <script type="text/javascript" src="data/buildingsdefinition.js"></script>
        <script type="text/javascript" src="data/playersdefinition.js"></script>
        <script type="text/javascript" src="data/settings.js"></script>
        <script type="text/javascript" src="data/tilesdefinition.js"></script>
        <script type="text/javascript" src="data/unitsdefinition.js"></script>
        <!-- classes imported from the map editor -->
        <script type="text/javascript" src="mapeditor/modal.js"></script>
        <script type="text/javascript" src="mapeditor/progressbar.js"></script>
        <!-- map generator -->
        <script type="text/javascript" src="mapgenerator/forms.js"></script>
        <script type="text/javascript" src="mapgenerator/mapgenerator.js"></script>
        <script type="text/javascript" src="mapgenerator/mapgeneratorscrollbars.js"></script>
        <script type="text/javascript" src="mapgenerator/tabs.js"></script>
        <script type="text/javascript" src="mapgenerator/terraingenerator.js"></script>
        <script type="text/javascript" src="mapgenerator/resourcegenerator.js"></script>
        <script type="text/javascript" src="mapgenerator/basegenerator.js"></script>
        <script type="text/javascript" src="mapgenerator/bootstrap.js"></script>
    </head>
    <body>
        <div class="body">
            <div class="ui">
                <div class="tabs">
                    <span class="active">Settings</span>
                    <span>Output</span>
                    <span>Global overview</span>
                    <span>Exported map data</span>
                    <div class="separator"></div>
                    <div class="active">
                        <form>
                            <fieldset>
                                <legend>General settings</legend>
                                <label>
                                    <span class="text">Number of players:</span>
                                    <input name="players" type="range" min="2" max="8" step="1" value="2" />
                                    <span></span>
                                </label>
                            </fieldset>
                            <fieldset>
                                <legend>Terrain settings</legend>
                                <fieldset>
                                    <legend>Basic settings</legend>
                                    <label>
                                        <span class="text">Minimal map width:</span>
                                        <input name="minWidth" type="range" min="60" max="800" step="1" value="100" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Minimal map height:</span>
                                        <input name="minHeight" type="range" min="100" max="800" step="1" value="250" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Maximum map width:</span>
                                        <input name="maxWidth" type="range" min="100" max="800" step="1" value="170" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Maximum map height:</span>
                                        <input name="maxHeight" type="range" min="250" max="800" step="1" value="300" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Basic inaccessible tile type:</span>
                                        <select name="baseTile"></select>
                                    </label>
                                    <label>
                                        <span class="text">Basic accessible tile type:</span>
                                        <select name="baseAccessibleTile"></select>
                                    </label>
                                </fieldset>
                                <fieldset>
                                    <legend>Base area settings</legend>
                                    <label>
                                        <span class="text">Distance from borders:</span>
                                        <input name="minDistanceFromBorders" type="range" min="3" max="40" step="1" value="10" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Base area radius:</span>
                                        <input name="baseAreaRadius" type="range" min="15" max="100" step="1" value="25" />
                                        <span></span>
                                    </label>
                                </fieldset>
                                <fieldset>
                                    <legend>Map areas</legend>
                                    <label>
                                        <span class="text">Create great central area:</span>
                                        <input type="checkbox" name="createCentralArea" checked="" />
                                    </label>
                                    <label>
                                        <span class="text">Central area size:</span>
                                        <input name="centralAreaSize" type="range" min="10" max="80" value="20" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Amount of circular passage-areas:</span>
                                        <input name="circularAreasCount" type="range" min="15" max="100" value="35" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Amount of rectangular passage-areas:</span>
                                        <input name="rectangularAreasCount" type="range" min="15" max="100" value="35" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Amount of diamon-shaped passage-areas:</span>
                                        <input name="diamodAreasCount" type="range" min="15" max="100" value="35" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Minimum size of passage-area:</span>
                                        <input name="passageAreaMinSize" type="range" min="5" max="65" value="14" />
                                        <span></span>
                                    </label>
                                    <label>
                                        <span class="text">Maximum size of passage-area:</span>
                                        <input name="passageAreaMaxSize" type="range" min="7" max="85" value="20" />
                                        <span></span>
                                    </label>
                                </fieldset>
                                <fieldset>
                                    <legend>Passages</legend>
                                    <label>
                                        <span class="text">Ensure there is a passage to all areas of the map:</span>
                                        <input name="generatePassages" type="checkbox" checked="" />
                                    </label>
                                </fieldset>
                            </fieldset>
                            <fieldset>
                                <legend>Buildings settings</legend>
                                <label>
                                    <span class="text">Include player buildings:</span>
                                    <input name="includePlayerBuildings" type="checkbox" />
                                </label>
                                <label>
                                    <span class="text">Include neutral buildings:</span>
                                    <input name="neutralBuildings" type="checkbox" />
                                </label>
                            </fieldset>
                            <fieldset>
                                <legend>Units settings</legend>
                                <label>
                                    <span class="text">Include player units:</span>
                                    <input name="includePlayerUnits" type="checkbox" />
                                </label>
                                <label>
                                    <span class="text">Include neutral units:</span>
                                    <input name="neutralUnits" type="checkbox" />
                                </label>
                            </fieldset>
                            <fieldset>
                                <legend>Resources settings</legend>
                                <label>
                                    <span class="text">Resources abundance:</span>
                                    <input name="resourcesAbundance" type="range" min="1" max="100" step="1" value="30" />
                                    <span></span>
                                </label>
                            </fieldset>
                            <input type="submit" value="generate" />
                        </form>
                    </div>
                    <div>
                        <div id="view">
                            <div id="viewmap">
                                <canvas id="view-canvas" width="900" height="600"></canvas>
                            </div>
                            <div id="v-scroll-container">
                                <input id="v-scroll" type="range" min="0" max="1" step="0.001" value="0" />
                            </div>
                            <input id="h-scroll" type="range" min="0" max="1" step="0.001" value="0" />
                            <div id="view-resize">
                                <div>
                                    <div></div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div>
                        <div class="global-overview">
                            <canvas id="global-view-canvas" width="1" height="1"></canvas>
                        </div>
                    </div>
                    <div>
                        <textarea cols="100" rows="16" id="map"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
